// 添加请求拦截器
import axios from 'axios'
import { ElLoading } from 'element-plus'

let loadingInstance1=null

axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log('请求之前')


  const token=localStorage.getItem('token')
  config.headers.token=token


  // 显示loading
loadingInstance1 = ElLoading.service({ fullscreen: true,text:'加载中' ,background:'#252B48'})

  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  // console.log('then相应处理之前')

  const res=response.data
  // console.log(res?.data?.token)
  // 存到本地
  res?.data?.token && localStorage.setItem('token',res?.data?.token)


  // 关闭loading
  loadingInstance1 &&  loadingInstance1.close()

  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  // console.log('catch相应处理之前',error.response)


   // 关闭loading
   loadingInstance1 &&  loadingInstance1.close()

  const {status}=error.response
  if(status===401){
    // 未授权
    // 清除token
    localStorage.removeItem('token')
    // 跳转登录页
   window.location.href='#/login'
  }
  return Promise.reject(error)
})